home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / global.css < prev    next >
Cascading Style Sheet File  |  2010-02-10  |  12KB  |  517 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla Communicator client code, released
  15.  * March 31, 1998.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *
  24.  * Alternatively, the contents of this file may be used under the terms of
  25.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27.  * in which case the provisions of the GPL or the LGPL are applicable instead
  28.  * of those above. If you wish to allow use of your version of this file only
  29.  * under the terms of either the GPL or the LGPL, and not to allow others to
  30.  * use your version of this file under the terms of the MPL, indicate your
  31.  * decision by deleting the provisions above and replace them with the notice
  32.  * and other provisions required by the GPL or the LGPL. If you do not delete
  33.  * the provisions above, a recipient may use your version of this file under
  34.  * the terms of any one of the MPL, the GPL or the LGPL.
  35.  *
  36.  * ***** END LICENSE BLOCK ***** */
  37.  
  38. /* ===== global.css =====================================================
  39.   == Styles that apply everywhere.
  40.   ======================================================================= */
  41.  
  42. /* all localizable skin settings shall live here */
  43. @import url("chrome://global/locale/intl.css");
  44.  
  45. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  46.  
  47. /* ::::: XBL bindings ::::: */
  48.  
  49. radio {
  50.   -moz-binding: url("chrome://global/skin/globalBindings.xml#radio");
  51. }
  52.  
  53. menulist > menupopup,
  54. .menulist-menupopup {
  55.   -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
  56. }
  57.  
  58. .menulist-compact {
  59.   -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact");
  60. }
  61.  
  62. progressmeter[mode="undetermined"] {
  63.   -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined");
  64. }
  65.  
  66.  
  67. .menulist-editable-box {
  68.   background: url("chrome://browser/skin/icons/search-back.png") repeat-x left center;
  69.   padding: 2px 0px; /* aligns url filed with startcap*/
  70.   padding-right: 5px; /* extra padding between url text and dropmarker*/
  71. }
  72.  
  73.  
  74.  
  75. #bookmarksPanel,
  76. #history-panel{
  77.   background:#E2E1E0 !important;
  78. } 
  79. #bookmarksPanel >hbox ,
  80. #history-panel > hbox {
  81.   background:#E2E1E0 !important;
  82.   border-bottom:1px solid #e0e2e8 !important;
  83. }
  84.  
  85. /* ::::: root elements ::::: */
  86.  
  87. window,
  88. page,
  89. wizard {
  90.   -moz-appearance: none !important;
  91. /* background-image: url("chrome://browser/skin/icons/dialogbg.png"); */
  92. background-color:#e1dfde;
  93. /* background-repeat:repeat-x; */
  94.  color: #101010;
  95.   font: message-box;
  96. /* font-size: 12px; */
  97. }
  98.  
  99. prefwindow {
  100.   -moz-appearance: none !important;
  101. /* background-image: url("chrome://browser/skin/icons/dialogbg.png"); */
  102. background-color:#e1dfde;
  103. /* background-repeat:repeat-x; */
  104.  color: #101010;
  105.   font: message-box;
  106. /* font-size: 12px; */
  107. }
  108.  
  109.  
  110. dialog {
  111.   -moz-appearance: none !important;
  112.   background-image: url("chrome://browser/skin/icons/dialogbg.png");
  113. background-color:#e1dfde;
  114. background-repeat:repeat-x;
  115.   color: #101010;
  116.   font: message-box;
  117. /* font-size: 12px; */
  118. }
  119.  
  120. /* deprecated */
  121. window.dialog {
  122.   padding-top: 8px;
  123.   padding-bottom: 10px;
  124.   -moz-padding-start: 8px;
  125.   -moz-padding-end: 10px;
  126. }
  127.  
  128. /* ::::: alert icons :::::*/
  129.  
  130. .message-icon,
  131. .alert-icon,
  132. .error-icon,
  133. .question-icon {
  134.   width: 64px;
  135.   height: 64px;
  136. }
  137.  
  138. .message-icon {
  139.   list-style-image: url("chrome://global/skin/icons/Message.png");
  140. }
  141.  
  142. .alert-icon {
  143.   list-style-image: url("chrome://global/skin/icons/Warning.png");
  144. }
  145.  
  146. .error-icon {
  147.   list-style-image: url("chrome://global/skin/icons/Error.png");
  148. }
  149.  
  150. .question-icon {
  151.   list-style-image: url("chrome://global/skin/icons/Question.png");
  152. }
  153.  
  154. /* ::::: iframe ::::: */
  155.  
  156. iframe {
  157.   border: none;
  158.   width: 100px;
  159.   height: 100px;
  160.   min-width: 10px;
  161.   min-height: 10px;
  162. }
  163.  
  164.  
  165.  
  166. /* AboutDialog */
  167. #clientBox {
  168.   background:#DEDDDC url("chrome://browser/skin/icons/about.png") no-repeat top center !important;
  169. }
  170.  
  171.  
  172. /* ::::: statusbar ::::: */
  173.  
  174. statusbar {
  175.   -moz-appearance: none;
  176.   border-top: 1px solid #cfcecd;
  177.   border-left: 0px solid ThreeDShadow;
  178.   border-right: 0px solid white;
  179.   border-bottom: 0px solid ThreeDHighlight;
  180.   background-color: #D9D7D6;
  181.   min-height: 22px;
  182.   margin: 0px;
  183.   margin-right: -1;
  184. /* font-size: 12px; */
  185. padding: 1px;
  186. }
  187.  
  188. statusbarpanel {
  189.   -moz-appearance: none;
  190.   -moz-box-align: center;
  191.   -moz-box-pack: center;
  192.   border:none;
  193.   padding: 0 4px;
  194. /*font-size: 20pt;*/
  195. }
  196.  
  197. .statusbar-resizerpanel {
  198.   -moz-box-align: end;
  199.   -moz-box-pack: end;
  200.   -moz-appearance: none;
  201.   padding: 0px;
  202.   border: none;
  203. display: none;
  204. }
  205.  
  206. .statusbarpanel-iconic,
  207. .statusbarpanel-iconic-text,
  208. .statusbarpanel-menu-iconic {
  209.   padding: 0 1px;
  210. }
  211.  
  212. window:not([active="true"]) menubar > menu {
  213.   color: #000000;
  214. }
  215.  
  216. sidebarheader {
  217.   height: 25px;
  218.   background-color: #ffffff !important;
  219.   -moz-appearance: toolbox;
  220.   border-bottom: 1px solid transparent;
  221.   border-top: 1px solid transparent;
  222. font-weight:bold;
  223. }
  224.  
  225. sidebarheader > label {
  226.   -moz-padding-start: 4px;
  227. }
  228.  
  229. #sidebar-box {
  230.    background-color:#E2E1E0 !important; 
  231. border-top:3px solid;
  232. -moz-border-top-colors: #e7e6e6 #bab8b6 #eeeeed; 
  233. padding-right:0.5em;
  234. /* -moz-border-radius: 5px; */
  235. }
  236.  
  237. #sidebar-box > sidebarheader{
  238.   min-height:34px;
  239. list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
  240.    background-color:#EFD732 !important; 
  241. }
  242.  
  243. #sidebar-box > browser{
  244.   border-top:3px solid;
  245. border-right:3px solid;
  246. border-left:3px solid;
  247. border-bottom:3px solid;
  248. -moz-border-right-colors: #E2E1E0 #bcbbba #dcdbda;
  249. -moz-border-left-colors: #E2E1E0 #bcbbba #dcdbda;
  250. -moz-border-top-colors: #e0dfde #969595 #c1c0bf; 
  251. -moz-border-bottom-colors: #e7e6e6 #bab8b6 #eeeeed;
  252. margin:0 2px 6px 6px;
  253. -moz-border-radius-bottomleft: 6px;
  254. -moz-border-radius-bottomright: 6px;
  255. -moz-border-radius-topleft: 6px;
  256. -moz-border-radius-topright: 6px;
  257.   
  258. background:white;
  259. }
  260.  
  261. .toolbar-focustarget {
  262.   -moz-user-focus: ignore !important;
  263. }
  264.  
  265. /* ::::: miscellaneous formatting ::::: */
  266.  
  267. .inset {
  268.   border: 1px solid ThreeDShadow;
  269.   border-right-color: ThreeDHighlight;
  270.   border-bottom-color: ThreeDHighlight;
  271.   margin: 0 5px 5px;
  272. }
  273.   
  274. .outset {
  275.   border: 1px solid ThreeDShadow;
  276.   border-left-color: ThreeDHighlight;
  277.   border-top-color: ThreeDHighlight;
  278. }
  279.  
  280. /* separators */
  281. separator:not([orient="vertical"]) {
  282.   height: 1.5em;
  283. }
  284. separator[orient="vertical"] {
  285.   width: 1.5em;
  286. }
  287.  
  288. separator.thin:not([orient="vertical"]) {
  289.   height: 0.5em;
  290. }  
  291. separator.thin[orient="vertical"] {
  292.   width: 0.5em;
  293. }
  294.  
  295. separator.groove:not([orient="vertical"]) {
  296.  
  297.    border-top: 1px solid #b7b5b3; 
  298.    border-bottom: 1px solid #ffffff; 
  299.  
  300.  height: 0; 
  301.   margin-top: 0.4em;
  302.   margin-bottom: 0.4em;
  303. }
  304. separator.groove[orient="vertical"] {
  305.   border-left: 1px solid #b7b5b3;
  306.   border-right: 1px solid #ffffff;
  307.   width: 0;
  308.   margin-left: 0.4em;
  309.   margin-right: 0.4em;
  310. }
  311.  
  312. .small-margin {
  313.   margin: 1px 2px;
  314. }
  315.     
  316. .plain {
  317.   margin: 0 !important;
  318.   border: none;
  319.   padding: 0;
  320. }
  321.  
  322. description,
  323. label {
  324.   cursor: default;
  325.   margin-top: 1px;
  326.   margin-bottom: 2px;
  327.   -moz-margin-start: 3px;
  328.   -moz-margin-end: 3px;
  329. }
  330.  
  331. description {
  332.   margin-bottom: 4px;
  333. }
  334.  
  335. #offlineAppsListLabel {
  336. margin-top: 10px !important;
  337. }
  338.  
  339. label[disabled="true"] {
  340.   color: GrayText;
  341. }
  342.  
  343. label[disabled="true"]:-moz-system-metric(windows-classic) {
  344.   color: ThreeDShadow;
  345.   text-shadow: 1px 1px ThreeDHighlight;
  346. }
  347.  
  348. .tooltip-label {
  349. border-color:#000000;
  350. color:#000000;
  351. -moz-border-colors:#000000 !important;
  352. margin: 0;
  353. }
  354.  
  355. .header {
  356.   font-weight: bold;
  357. }
  358.  
  359. .monospace {
  360.   font-family: monospace;
  361. }
  362.  
  363. .indent {
  364.   -moz-margin-start: 23px;
  365. }
  366.  
  367. .box-padded {
  368.   padding: 5px;
  369. }
  370.  
  371. .spaced {
  372.   margin: 3px 5px 4px;
  373. }
  374.  
  375. .wizard-box {
  376.   padding: 20px 44px 10px;
  377. }
  378.  
  379. .text-link {
  380.   color: -moz-nativehyperlinktext;
  381.   text-decoration: underline;
  382.   border: 1px solid transparent;
  383.   cursor: pointer;
  384. }
  385.   
  386. .text-link:focus {
  387.   color: red;
  388.   border: 1px dotted -moz-DialogText;
  389. }
  390.   
  391. .text-link:hover:active {
  392.   color: red;
  393. }
  394.  
  395. .text-link[visited="true"] {
  396.   color: purple;
  397. }
  398.  
  399. /* :::::: autoscroll popup ::::: */
  400.  
  401. #autoscroller {
  402.   height: 28px;
  403.   width: 28px;
  404.   border: none;
  405.   margin: -14px;
  406.   padding: 0;
  407.   background-image: url("chrome://global/skin/icons/autoscroll.png");
  408.   background-color: transparent !important;
  409.   background-position: right top;
  410.   -moz-appearance: none;
  411. -moz-border-image: none !important;
  412. }
  413.  
  414. #autoscroller[scrolldir="NS"] {
  415.   background-position: right center;
  416.   background-color: transparent !important;
  417. -moz-border-image: none !important;
  418. }
  419.  
  420. #autoscroller[scrolldir="EW"] {
  421.   background-position: right bottom;
  422.   background-color: transparent !important;
  423. -moz-border-image: none !important;
  424. }
  425.  
  426.  
  427. .tabs-right {
  428.   border: none;
  429.   background-color: transparent !important;
  430. border-bottom:5px solid !important;
  431. -moz-border-bottom-colors: transparent transparent transparent transparent #ffffff;
  432. }
  433.  
  434. tabpanels {
  435. -moz-appearance: none !important;
  436. -moz-border-radius-topleft:0px;
  437. -moz-border-radius-topright:0px;
  438. -moz-border-radius-bottomright:6px;
  439. -moz-border-radius-bottomleft:6px;
  440. border:4px solid;
  441. border-top:none !important;
  442. margin-top:-4px;
  443. -moz-border-left-colors:  #E1E0DF #B8B7B7 #F5F4F3 #E6E5E5;
  444. -moz-border-right-colors: #E1E0DF #bfbebd #f5f4f3 #f0f0ef;
  445. -moz-border-bottom-colors: #c3c2c2 #979595 #e4e3e3 #e6e6e5;
  446. background-color:#dfdedc !important;
  447. padding:0px !important;
  448. }
  449.  
  450. tabs {
  451. -moz-appearance: none;
  452. background-color: transparent !important;
  453. margin: 0px;
  454. border: none !important;
  455. min-height:32px;
  456. }
  457.  
  458.  
  459. /* FIREFOX 3.6 TABS */
  460.  
  461. tab {
  462. -moz-appearance: none !important;
  463. /*background-image:url("chrome://browser/skin/tabbrowser/tabs/tab_right2.png"),
  464.          url("chrome://browser/skin/tabbrowser/tabs/tab_right2.png");*/
  465. -moz-border-image: url("chrome://browser/skin/tabbrowser/tab_2.png") 2 6 0 / 2px 6px 0px;
  466. background-position:bottom left,bottom right;
  467. background-repeat:no-repeat,no-repeat;
  468. margin: 1px 0px 0px 0px !important;
  469. padding: 0px 8px 5px 8px;
  470. background-color: transparent !important;
  471. }
  472.  
  473. tab:not([selected="true"]):hover {
  474. -moz-appearance: none !important;
  475. /*background-image:url("chrome://browser/skin/tabbrowser/tabs/tab_right_hover2.png"),
  476.          url("chrome://browser/skin/tabbrowser/tabs/tab_right_hover2.png");*/
  477. -moz-border-image: url("chrome://browser/skin/tabbrowser/tab_3.png") 2 6 0 / 2px 6px 0px;
  478. background-position:bottom left,bottom right;
  479. background-repeat:no-repeat,no-repeat;
  480. margin: 1px 0px 0px 0px !important;
  481. padding: 0px 8px 5px 8px;
  482. background-color: transparent !important;
  483. }
  484.  
  485. tab[selected="true"] {
  486. -moz-appearance: none !important;
  487. margin: 0px !important;
  488. padding: 0px 8px 6px 8px;
  489. background-color: transparent !important;
  490. /*background-image:url("chrome://browser/skin/tabbrowser/tabs/selected_right2.png"),
  491.          url("chrome://browser/skin/tabbrowser/tabs/selected_right2.png");*/
  492. -moz-border-image: url("chrome://browser/skin/tabbrowser/tab_1.png") 2 6 0 / 2px 6px 0px;
  493. background-position:bottom left,bottom right;
  494. background-repeat:no-repeat,no-repeat;
  495. font-weight:normal;
  496. opacity:0.95 !important;
  497. border: none !important;
  498. }
  499.  
  500.  
  501. /*#miscGroup .groupbox-body {
  502. margin: 0px !important;
  503. padding: 8px 5px 13px 5px;
  504. border-top:4px solid;
  505. border-bottom:4px solid;
  506. border-right:4px solid;
  507. border-left:4px solid;
  508. -moz-border-left-colors:  #dcdbda #bab9b9 #f6f5f4 #e7e6e5;
  509. -moz-border-right-colors: #dcdbda #bab9b9 #f5f4f3 #e8e7e6;
  510. -moz-border-top-colors:  #e0dfde #d7d6d5 #fefefd #ededec;
  511. -moz-border-bottom-colors: #c2c2c1 #969595 #e4e3e3 #e5e5e4;
  512. background-color:#e0dfde;
  513. -moz-border-radius-topleft: 6px;
  514. -moz-border-radius-topright: 6px;
  515. -moz-border-radius-bottomleft: 6px;
  516. -moz-border-radius-bottomright: 6px;
  517. }*/